<template>
  <div>
    <CircleProgress :percentage="value1"/>
    <slider @child-percent="getChildMsg"/>
  </div>
</template>

<script>
// @ is an alias to /src
import CircleProgress from '@/components/CircleProgress.vue';
import slider from '@/components/slider.vue';
import Rate from '@/components/Rate.vue';
import Rate2 from '@/components/Rate2.vue';
  export default {
    data(){
      return {
        progress:50,
        value1:0,
      }
    },
    components:{
      CircleProgress,slider,Rate,Rate2,
    },
    methods:{
      getChildMsg(value){
        // console.log(value)
        this.value1 = value
      } 
    },
  };
</script>
